import { Styled } from "../itag/index.js";

const [styled] = Styled.new();

export const sheet = styled.sheet;

/** 字段列表 */
export const fieldList = styled.class("field-list")`
    display: flex;
    flex-wrap: wrap;
    gap: 1em;
`;

/** 单个字段 */
export const field = styled.class("field")`
    display: flex;
    flex-direction: row;
    height: 1.6em;
    line-height: 1.6em;
    gap: 0.2em;
`;

/** 类型 */
export const kind = styled.class("kind")`
    background-color: green;
    color: white;
    display: inline-block;
    border-radius: 0.2em;
    font-size: 0.8em;
    padding: 0 0.2em;
    margin: 0.1em 0;
    user-select: none;
`;

export const name = styled.class("name")`
`;

/** 值 */
export const value = styled.class("value")`
`;
